<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <script src="/src/main/webapp/static/js/jquery/jquery.min.js" type="text/javascript"></script>
    <script src="/src/main/webapp/static/js/jquery/jquery.easyui.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/src/main/webapp/static/css/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/src/main/webapp/static/css/themes/icon.css">
<script type="text/javascript">
    /**
     * 在iFrame中打开一个新tab
     * @param title
     * @param href
     */
    function openTab(title,href){
        var e = $('#tabs').tabs('exists',title);
        if(e){
            $("#tabs").tabs('select',title);

            var tab = $("#tabs").tabs('getSelected');
            $('#tabs').tabs('update',{
                tab:tab,
                options:{
                    title:title,
                    content:'<iframe name="indextab" scrolling="auto" src="'+href+'" frameborder="0" style="width:100%;height:100%;"></iframe>',
                    closable:true,
                    selected:true
                }
            });
        }else{
            $('#tabs').tabs('add',{
                title:title,
                content:'<iframe name="indextab" scrolling="auto" src="'+href+'" frameborder="0" style="width:100%;height:100%;"></iframe>',
                iconCls:'',
                closable:true
            });
        }
    }
</script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div>
<div data-options="region:'west',split:true,title:'菜单'" style="width:150px;padding:10px;">west content</div>
<div data-options="region:'south',border:false" style="height:20px;background:#A9FACD;">版权信息</div>
<div data-options="region:'center'">
    <div id='tabs' class="easyui-tabs" data-options="fit: true"
         style="width: 100%; height: auto"></div>
</div>
</div>
</body>
</html>